<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">
    <title>常见问题清单</title>

    <!-- Bootstrap core CSS -->
    <link href="thirdparty/bootstrap-3.3.7-dist/css/bootstrap.css" rel="stylesheet">

    <style type="text/css">
        .row{
            margin-left:0px;
        }
        .row1{
            width: 840px;
        }
        .img_op{
            width: 870px;
            height: auto;
        }
        span{
            line-height: 40px;
        }
        h4{
            color:#373c64;
            font-size: 16px;
        }
        .col-md-1,.col-md-11{
            padding-left: 0px;
            padding-right: 0px;
        }
        .module1 .col-md-11{
            margin-left: -8px;
        }
       .module2 .col-md-6{
            padding: 10px 0 0 0;
        }
       /*.module2-collapse{*/
           /*padding-top: 15px*/
       /*}*/
        hr{
            margin-bottom: 0px;
        }
        .flip1,.flip2,.flip3,.flip4{
            cursor: pointer;
        }
        .col-md-6{
            padding: 0;
            vertical-align: middle;
        }
        .amainl,.amainr{
            color: #666666;
        }
        .amainl p{
            margin-top: 2px;
        }
        .amainl p label{
            width: 27px;
            background-color: #f2a761;
            text-align: center;
            border-radius: 50%;
            height: 27px;
            line-height: 25px;
            color: white;
            font-size: 18px;
            margin-right: 6px;
        }
        .amainl p span{
            padding: 0px 10px
        }
        .amainl .al{
            padding: 5px 0px;
        }
        .detail{
            color:#faaf19;
            line-height: 0px;
        }
        .detail:hover{
            color:#ff6600;
        }
        .module1-collapse .panel1,.panel2,.panel3{
            display: none;
        }
        .module2-collapse .panel4{
            display: block;
        }

    </style>
    <script src="thirdparty/jquery-1.12.4-dist/jquery.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $(".flip1").click(function(){
                $(".panel2").slideUp("slow");
                $(".panel3").slideUp("slow");
                $(".panel1").slideToggle("slow");
            });
            $(".flip2").click(function(){
                $(".panel2").slideToggle("slow");
                $(".panel1").slideUp("slow");
                $(".panel3").slideUp("slow");
            });
            $(".flip3").click(function(){
                $(".panel1").slideUp("slow");
                $(".panel2").slideUp("slow");
                $(".panel3").slideToggle("slow");
            });
            $(".flip4").click(function(){
                $(".panel4").slideToggle("slow");
            });
        })
    </script>
</head>
<body style="margin-left:auto;margin-right:auto; width: 900px">
<div class="header" >
    <div class="img">
        <img src="resources/img/banner.png">
    </div>
</div>
<div style="margin-left:30px">
    <div class="row row1 module1">
        <div class="row row1" style="margin-top: 30px">
            <div class="col-md-1">
                <img src="resources/img/Q.png">
            </div>
            <div class="col-md-11">
                     <h4><b>如何设置常用菜单</b></h4>
            </div>
        </div>
        <div class="row row1">
            <div class="col-md-1" style="margin-top: 20px">
                <img src="resources/img/A.png" >
            </div>
            <div class="col-md-11 amainl">
                <span>设置途径共三种，分别如下：</span>
                <div class="row flip1">
                    <div class="col-md-6">
                        <p><label>1</label>点击个人中心-系统设置-常用菜单设置</p>
                    </div>
                    <div class="col-md-6 al">
                        <span class="detail">详情</span>
                    </div>
                </div>
                <div class="row flip2">
                    <div class="col-md-6">
                        <p><label>2</label>首页常用菜单模块-点击小齿轮“<span class="glyphicon glyphicon-cog"></span>”图标</p>
                    </div>
                    <div class="col-md-6 al">
                        <span class="detail">详情</span>
                    </div>
                </div>
                <div class="row flip3">
                    <div class="col-md-6">
                        <p><label>3</label>所有菜单-打开对应的三级菜单-点击小星星“<span class="glyphicon glyphicon-star"></span>”图标</p>
                    </div>
                    <div class="col-md-6 al">
                        <span class="detail">详情</span>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="module1-collapse">
        <div class="row panel1">
            <img class="img_op" src="resources/img/quesmain1.png">
        </div>
        <div class="row panel2">
            <img class="img_op" src="resources/img/quesmain2.png">
        </div>
        <div class="row panel3">
            <img class="img_op" src="resources/img/quesmain3.png">
        </div>
    </div>
    <hr  style="height:1px;border:none;border-top:1px dashed #666666;">
    <div class="row row1 module2" style="text-align: right">
        <div class="row row1" style="margin-top: 30px">
            <div class="col-md-11">
                <div class="row">
                     <h4><b>如何订阅代办消息</b></h4>
                </div>
            </div>
            <div class="col-md-1">
                <img src="resources/img/Q.png">
            </div>
        </div>
        <div class="row row1 flip4" style="text-align: right">
            <div class="col-md-11" style="margin-top: 20px">
                <div class="row amainr"style="text-align: right">
                    <div class="col-md-6 ar">
                    </div>
                    <div class="col-md-6">
                        <p><span class="detail" style="margin-right: 25px">详情</span>点击个人中心-系统设置-消息设置或代办设置</p>
                    </div>
                </div>
            </div>
            <div class="col-md-1" style="margin-top: 20px;margin-bottom: 10px;">
                <img src="resources/img/A.png">
            </div>
        </div>
    </div>
    <div class="module2-collapse">
        <div class="row panel4">
            <img class="img_op" src="resources/img/quesread.png">
        </div>
    </div>
    <hr  style="height:1px;border:none;border-top:1px dashed #666666;">
</div>


<script src="thirdparty/jquery-1.12.4-dist/jquery.js"></script>
<script src="thirdparty/bootstrap-3.3.7-dist/js/bootstrap.js"></script>
</body>
</html>